<template>
    <div class="icon-card-wrapper" :style="{ 'width': width }">
        <div class="icon-card">
            <div class="icon-card-header">
                <i class="icon" :class="iconName"></i>
            </div>
            <div class="icon-card-body">
                <div class="number">
                    {{ number }}<small v-if="unit">{{ unit }}</small>
                </div>
                <div class="title">{{ title }}</div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "",
        data() {
            return {};
        },
        props: {
            width: String,
            iconName: String,
            number: Number,
            title: String,
            unit: String,
        },
    };
</script>

<style lang="" scoped>
</style>